<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>在线编辑</title>
    <!-- Bootstrap -->
    <link href="./public/css/bootstrap.min.css" rel="stylesheet">
    <link href="./public/css/default.min.css" rel="stylesheet">
    <link href="./public/css/page.css" rel="stylesheet">
    <link href="./public/css/index.css" rel="stylesheet">
</head>

<body>
    <!--顶部导航-->
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <!-- 响应式导航 -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
                <a class="navbar-brand" href="#" id="projectname"></a>
            </div>
            <!-- 导航链接 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="./index.html">项目目录 <span class="sr-only">(current)</span></a></li>
                    <li class="active"><a href="./edit.html"> 在线编辑</a></li>
                </ul>
                <div class="navbar-right" style="margin-right: 10px;">
                    <button id="btnhide" type="button" class="btn btn-danger navbar-btn">隐藏</button>
                    <button id="btnRun" type="button" class="btn btn-success navbar-btn">预览</button>
                    <button id="btnSave" type="button" class="btn btn-primary navbar-btn">保存</button>
                </div>
            </div>
        </div>
    </nav>

    <div class="container-fluid" id="editMain">
        <div class="row" style="margin-top: 5px;">
            <div class="col-sm-6 col-md-6" id="markdownCode">
                <!-- Single button -->
                <div class="btn-group pull-left">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          加载文档 <span class="caret"></span>
        </button>
                    <ul class="dropdown-menu" id="projectItem">
                    </ul>
                </div>
                <div id="container" style="width:100%;border:1px solid grey"></div>
            </div>
            <div class="col-sm-6 col-md-6" id="markdownView">
                <div id="editormd-view"></div>
            </div>
        </div>
    </div>
    <div class="container">
        <hr>
        <footer>
            <p>&copy; 2017 by <a href="https://github.com/binghe875/HtmlDoc-Markdown">HtmlDoc-Markdown</a></p>
        </footer>
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="./public/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="./public/js/bootstrap.min.js"></script>
    <script src="./public/js/highlight.min.js"></script>
    <script src="./public/js/lib/marked.min.js"></script>
    <script src="./public/js/lib/prettify.min.js"></script>
    <script src="./public/js/lib/raphael.min.js"></script>
    <script src="./public/js/lib/underscore.min.js"></script>
    <script src="./public/js/lib/sequence-diagram.min.js"></script>
    <script src="./public/js/lib/flowchart.min.js"></script>
    <script src="./public/js/lib/jquery.flowchart.min.js"></script>
    <script src="./public/js/editormd.min.js"></script>
    <script src="./public/js/vs/loader.js"></script>
    <script src="./public/js/core.js"></script>
    <script src="./public/js/edit.js"></script>
</body>

</html>